<template>
	<view class="navnar" :style="{paddingTop:safeAreaInsets?.top+'px'}">
		<view class="logo">
			<view class="logo-image">
				
			</view>
		</view>
		<text>小兔鲜儿 | <text>新鲜.亲民.快捷</text></text>
	</view>
</template>

<script setup>
	import {onShow,onLoad} from '@dcloudio/uni-app'
	let {safeAreaInsets} = uni.getSystemInfoSync()
	onLoad(()=>{
		console.log(safeAreaInsets);
	})
</script>

<style lang="scss">
	.navnar{
		font-size: 50rpx;
		height: 190rpx;
		color: #fff;
		font-family: '楷体';
		background: rgb(77,170,159);
		position: relative;
		display: flex;
		flex-direction: column;
		.logo{
			    display: flex;
			    align-items: center;
			    height: 2rem;
			    padding-left: 0.9375rem;
		}
	}
</style>